<!-- FVerifiyDetail -->
<script setup lang="ts">
/** 验证列表中的所有值 */
const verifyList = [
    {
        id: '1',
        title: '单据信息01[销售组织]',
        msg: '字段值不能为空',
        type: 'empty'
    },
    {
        id: '2',
        title: '单据信息02[销售组织]',
        msg: '字段值不能为空',
        type: 'empty'
    },
    {
        id: '3',
        title: '单据信息03[销售组织]',
        msg: '字段值填写错误',
        type: 'error'
    },
    {
        id: '4',
        title: '单据信息04[销售组织]',
        msg: '字段值填写问题',
        type: 'error'
    },
    {
        id: '5',
        title: '单据信息05[销售组织]',
        msg: '字段值不能为空',
        type: 'empty'
    },
    {
        id: '6',
        title: '单据信息06[销售组织]',
        msg: '字段值填写错误',
        type: 'error'
    },
    {
        id: '7',
        title: '单据信息07[销售组织]',
        msg: '字段值填写问题',
        type: 'error'
    },
    {
        id: '8',
        title: '单据信息08[销售组织]',
        msg: '字段值不能为空',
        type: 'empty'
    },
    {
        id: '9',
        title: '单据信息09[销售组织]',
        msg: '字段值不能为空',
        type: 'empty'
    },
    {
        id: '10',
        title: '单据信息10[销售组织]',
        msg: '字段值填写错误',
        type: 'error'
    },
    {
        id: '11',
        title: '单据信息11[销售组织]',
        msg: '字段值填写问题',
        type: 'error'
    }
];
/** 列表所有的状态 */
const tabTypeList = [
    {
        id: '1',
        type: 'all',
        title: '全部'
    },
    {
        id: '2',
        type: 'error',
        title: '错填',
        iconCls: 'f-icon-default',
        iconStyle: 'color:pink;'
    },
    {
        id: '3',
        type: 'empty',
        title: '漏填',
        iconStyle: 'color:pink;'
    },
    {
        id: '4',
        type: 'test',
        title: '特殊'
    }
];
/** 列表默认展示的状态 */
const showType = 'error';
/** 是否默认展示列表 */
const showList = true;

/** 当前点击值 */
function validatorClick(e) {
    console.log(e);
}
</script>

<template>
    <div>
        <f-verify-detail
            :verify-list="verifyList"
            :verify-type="tabTypeList"
            :show-type="showType"
            :show-list="showList"
            @validator-click="(e) => validatorClick(e)"
        ></f-verify-detail>
    </div>
</template>
<style></style>
